﻿<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<base href="<%=basePath%>">
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
	<meta charset="utf-8">
	<title>银商通支付通信前置系统</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
	<meta name="description" content="银商通支付通信前置系统">
	<meta name="author" content="sheungxin">
	<!-- STYLESHEETS --><!--[if lt IE 9]><script src="js/flot/excanvas.min.js"></script><script src="js/flot/html5.js"></script><script src="js/css3-mediaqueries.js"></script><![endif]-->
	<link rel="stylesheet" type="text/css" href="css/cloud-admin.min.css" >
	<link rel="stylesheet" type="text/css"  href="css/themes/default.min.css" id="skin-switcher" >
	<link rel="stylesheet" type="text/css"  href="css/responsive.min.css" >
	
	<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet">
	<!-- JQUERY UI-->
	<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.10.3.custom/css/custom-theme/jquery-ui-1.10.3.custom.min.css" />
	<!-- DATE RANGE PICKER -->
	<link rel="stylesheet" type="text/css" href="js/bootstrap-daterangepicker/daterangepicker-bs3.css" />
	<!-- DATA TABLES -->
	<link rel="stylesheet" type="text/css" href="js/datatables/media/css/jquery.dataTables.min.css" />
	<link rel="stylesheet" type="text/css" href="js/datatables/media/assets/css/datatables.min.css" />
	<link rel="stylesheet" type="text/css" href="js/datatables/extras/TableTools/media/css/TableTools.min.css" />
	<!-- TYPEAHEAD -->
	<link rel="stylesheet" type="text/css" href="js/typeahead/typeahead.css" />
	<!-- SELECT2 -->
	<link rel="stylesheet" type="text/css" href="js/select2/select2.min.css" />
	<!-- UNIFORM -->
	<link rel="stylesheet" type="text/css" href="js/uniform/css/uniform.default.min.css" />
</head>
<body  ng-app="qzchannelApp" ng-controller="qzchannelController">
			<div class="container">
				<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
				<div class="modal fade" id="box-del" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
					  <div class="modal-content">
						<div class="modal-header">
						  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
						  <h4 class="modal-title">机构删除</h4>
						</div>
						<div class="modal-body" >
						  	是否确认删除这条记录
						</div>
						<div class="modal-footer">
						  <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
						  <button type="button" class="btn btn-primary" ng-click="del(delItem.id)">删除</button>
						</div>
					  </div>
					</div>
				  </div>
				  <div class="modal fade" id="box-msg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
							  <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
							</div>
							<div class="modal-body" >
							  	该机构已启用，如若删除，请在接口管理中清除相关设置再删除？
							</div>
							<div class="modal-footer">
							  <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
							</div>
						</div>
					</div>
				  </div>
				<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
								<div class="page-header">
									<!-- STYLER -->
									
									<!-- /STYLER -->
									<!-- BREADCRUMBS -->
									<ul class="breadcrumb">
										<li>
											<i class="fa fa-th-large"></i>
											机构管理
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!-- /PAGE HEADER -->
						
						<!-- EXPORT TABLES -->
						<div class="row">
							<div class="col-md-12">
								<!-- BOX -->
								<div class="box border primary">
									<div class="box-title">
										<h4><i class="fa fa-table"></i></h4>
										<div class="tools hidden-xs">
											<a href="javascript:;" class="reload" ng-click="refreshData()">
												<i class="fa fa-refresh"></i>
											</a>
											<a href="javascript:;" class="collapse">
												<i class="fa fa-chevron-up"></i>
											</a>
										</div>
									</div>
									<div class="box-body" >
										<div class="clearfix">
											<form class="form-inline pull-right">
												<div class="form-group">
													<input type="text" id="key" name="key" ng-model="sel.key"  placeholder="请输入待检索的关键字" class="form-control"/>
												</div>
												&nbsp;&nbsp;<button class="btn btn-success" ng-click="refreshData()">查询</button>
												&nbsp;&nbsp;<button class="btn btn-primary" ng-click="qzchannelCreator()">创建</button>
											</form>
										</div>
										<div class="separator"></div>
										<table id="example-dark" class="table table-striped">
											<thead>
												<tr>
													<th></th>	
													<th>机构名称</th>
													<th>机构编码</th>
													<th>机构描述</th>
													<th>机构状态</th>
													<th>已开通业务分类</th>
													<th>操作</th>
												</tr>
											</thead>
											<tbody>
												<tr ng-repeat="qz in pageInfo.list" ng-cloak class="ng-cloak">	
													<td>{{$index+1}}</td>
													<td>{{qz.name}}&nbsp;</td>
													<td>{{qz.code}}&nbsp;</td>
													<td>{{qz.memo}}&nbsp;</td>
													<td>
													<span ng-switch on="qz.status">
														<span ng-switch-when="0">删除</span>
														<span ng-switch-when="1">锁定</span>
														<span ng-switch-when="2">启用</span>
													</span>
													</td>
													<td>{{qz.businessname}}&nbsp;</td>
													<td>
														<a href="manage/channel/details.jsp?id={{qz.channelId}}">详情</a>|
														<a href="manage/channel/edit.jsp?id={{qz.channelId}}">修改</a>|
														<a href="javascript:void(0)" ng-click="qzchanneldel(qz.channelId)">删除</a>
													</td>
												</tr>
											</tbody>
										</table>
										<div class="text-right">
									        <ul class="pagination" ng-show="pageInfo.pages>1">
									        	<li class="disabled">
									        		<a>共{{pageInfo.total}}条</a>
									        	</li>
									        	<li class="disabled">
										        	<a href="javascript:void(0)" ng-cloak class="ng-cloak">第{{pageInfo.pageNum}}页</a>
										        </li>
										        <li ng-class="{true:'disabled'}[pageInfo.pageNum==1]">
										        	<a href="javascript:void(0)" ng-click="pageInfo.pageNum>1;loadPage(1)">首页</a>
										        </li>
										        <li ng-class="{true:'disabled'}[pageInfo.pageNum==1]">
										        	<a href="javascript:void(0);" ng-click="prev()">上一页</a>
										        </li>
										        <li ng-repeat="page in pageInfo.pageLinks" ng-class="{true:'disabled'}[pageInfo.pageNum==page]">
										        	<a href="javascript:void(0);" ng-click="loadPage(page)" ng-cloak class="ng-cloak">{{ page }}</a>
										        </li>
										        <li ng-class="{true:'disabled'}[pageInfo.pageNum>=pageInfo.pages]">
										        	<a href="javascript:void(0);" ng-click="next()">下一页</a>
										        </li>
										        <li ng-class="{true:'disabled'}[pageInfo.pageNum>=pageInfo.pages]">
										        	<a href="javascript:void(0)" ng-click="pageInfo.pageNum<pageInfo.pages;loadPage(pageInfo.pages)">尾页</a>
										        </li>
										        <li class="disabled">
										        	<a href="javascript:void(0)" ng-cloak class="ng-cloak">共{{pageInfo.pages}}页</a>
										        </li>
										        <li class="disabled">
									        		<a>跳转到</a>
									        	</li>
										        <li class="disabled">
									        		<a style="padding:0 0 0 0;"><input type="text" style="height:30px;width:50px;border:0px;outline:0px;" ng-model="goPageNum" ng-keyup="goPage($event)"/></a>
									        	</li>
									        	<li class="disabled">
									        		<a>页</a>
									        	</li>
										    </ul>
										</div>
									</div>
								</div>
								<!-- /BOX -->
							</div>
						</div>
						<!-- /EXPORT TABLES -->
						<div class="footer-tools">
							<span class="go-top">
								<i class="fa fa-chevron-up"></i> Top
							</span>
						</div>
					</div><!-- /CONTENT-->
				</div>
			</div>  
			<script src="js/jquery/jquery-2.0.3.min.js"></script>
	<!-- JQUERY UI-->
	<script src="js/jquery-ui-1.10.3.custom/js/jquery-ui-1.10.3.custom.min.js"></script>
	<!-- BOOTSTRAP -->
	<script src="bootstrap-dist/js/bootstrap.min.js"></script>

	<!-- SLIMSCROLL -->
	<script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/jquery.slimscroll.min.js"></script><script type="text/javascript" src="js/jQuery-slimScroll-1.3.0/slimScrollHorizontal.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript" src="js/jQuery-BlockUI/jquery.blockUI.min.js"></script>
	<!-- DATA TABLES -->
	<script type="text/javascript" src="js/datatables/media/js/jquery.dataTables.min.js"></script>
	<script type="text/javascript" src="js/datatables/media/assets/js/datatables.min.js"></script>
	<script type="text/javascript" src="js/datatables/extras/TableTools/media/js/TableTools.min.js"></script>
	<script type="text/javascript" src="js/datatables/extras/TableTools/media/js/ZeroClipboard.min.js"></script> 
	<!-- TYPEHEAD -->
	<script type="text/javascript" src="js/typeahead/typeahead.min.js"></script>
	<!-- AUTOSIZE -->
	<script type="text/javascript" src="js/autosize/jquery.autosize.min.js"></script>
	<!-- SELECT2 -->
	<script type="text/javascript" src="js/select2/select2.min.js"></script>
	<!-- UNIFORM -->
	<script type="text/javascript" src="js/uniform/jquery.uniform.min.js"></script> 
	<!-- COOKIE -->
	<script type="text/javascript" src="js/jQuery-Cookie/jquery.cookie.min.js"></script> 
	<!-- CUSTOM SCRIPT -->
	<script src="js/script.js"></script>
	<script>
		jQuery(document).ready(function() {
		   	App.init();
		});
	</script>
	<script src="js/modules/pagination.js"></script>
	<script src="js/angular.min.js"></script>
	<script src="js/modules/manage/channel/list.js"></script>       
</body>
</html>